* {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        html {
            height: 100%;
        }

        body {
            min-width: 1910px;
            height: 100%;
            font-size: 0;
            background-color: #F6F6F6;
            /*overflow-x: hidden;*/
        }

        nav {
            width: 100%;
            position: relative;
        }

        #advertise {
            width: 100%;
            height: 80px;
            display: block;
            background-color: #e20f00;
            background-image: url('http://img14.360buyimg.com/da/jfs/t7738/317/3489658018/85154/fb6cd55a/59bfe6d0Ne95d869d.jpg');
            background-position: center;
            background-repeat: no-repeat;
        }

        #shutOff {
            background-color: #ab180d;
            display: inline-block;
            font-size: 1rem;
            width: 20px;
            height: 20px;
            color: #e20f00;
            line-height: 20px;
            text-align: center;
            position: absolute;
            right: 375px;
            top: 5px;
        }

        .shortcut {
            width: 100%;
            height: 31px;
            background-color: #e3e4e5;
            color: #999999;
            font-size: 0.8rem;
            line-height: 31px;
            z-index: 100;
        }
        .content_nav{
            width: 995px;
            margin: 0;
            position: absolute;
            top: 0;
            left: 190px;
            display:flex;
            justify-content: space-between;
            height: 31px;
            align-items: center;
        }
        .content {
            width: 1190px;
            margin: 0 auto;  
            position: relative; 
        }

        ul {
            list-style: none;
        }
        #province {
            width: 64px;
            margin-left: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #province img {
            width: 14px;
            height: 16px;
        }

        #province p {
            margin-left: 8px;
        }
        .chooseAddr{
            font-size: 0;
            width: 322px;
            height: 218px;
            padding: 6px;
            border: 1px solid #cccccc;
            border-top: none;
            position: absolute;
            top: 31px;
             left: 10px; 
            background-color: white;
            display: none; 
            z-index: 100;
        }
        .moreAddr{
            font-size: 0.8rem;
            display: inline-block;
            width:40px;
            line-height: 18px;
            text-align: center;
            height: 18px;
            margin:0 8px;
            cursor: pointer;
        }
        .moreAddr_hover{
            background-color: gray;
            color: white;
        }
        .hovered_province{
            background-color: white;
            border: 1px solid #cccccc;
            border-bottom: 1px solid white;
            height: 31px;
        }
        .active_province{
            background-color: red;
            color: white;
        }
        .red-text {
            color: red;
        }

        a {
            text-decoration: none;
            color: #999999;
            margin-right: 10px;
            padding-left: 10px;
        }
        .shortcut li:nth-child(1) a {
            border-left: none;
        }

        .shortcut li:nth-child(-n+5) a:hover {
            color: #ab180d;
        }

        .nav-top {
            height: 31px;
            width: 950px;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }
        .header {
            width: 100%;
            height: 140px;
        }

        #logo {
            width: 190px;
            height: 170px;
            z-index: 100;
        }

        .form {
            width: 100%;
            height: 100px;
            position: relative;
            margin-left: 190px;
        }
        form{
            margin-left: 100px;
            height: 60px;
            display: flex;
            align-items: flex-end;
        }
        input {
            border: 1px solid #f10215;
            padding: 3px;
            width: 500px;
            height: 35px;
        }

        button {
            background-color: #f10215;
            border: none;
            width: 50px;
            height: 35px;
            background-image: url('/img/search.png');
            background-size: 40% 60%;
            background-repeat: no-repeat;
            background-position: center;
        }
        .dropdown{
            width: 20px;
            height: 20px;
            display: inline-block;
            background-image: url('/img/向下.png');
            background-position: 90% 50%;
            background-repeat: no-repeat;
            background-size: 100%;
            position: relative;
            top:5px;
        }
        .hotword{
            margin-left: 100px;
            width: 550px;
            height: 20px;
            margin-top: 8px;
            color: #999999;
        }
        .hotword a{
            border: none;
            font-size: 0.8rem;
            margin-right: 10px;
            padding: 0;
        }
        .hotword a:hover{
            color: #ab180d;
        }
        .first-level{
            display: flex;
            height: 140px;
        }
        .droplist a{
            line-height: 30px;
            margin: 0;
        }
        .droplist{
            position: relative;
            width: 90px;
            height: 31px;
            margin: 0 3px; 
        }
        .dropped{
            width: auto;
            position: absolute;
            top: 30px;
            left: -1px;
            padding: 0;
            display: none; 
            background-color: white;
            border: 1px solid #cccccc;
            border-top: none;
            z-index: 100;
        }
        .dropped table{
            display: block;
            padding: 12px;
            margin: 0;
        }
        .dropped table:nth-child(1){
            border-bottom: 1px solid #999999;
        } 
        .dropped table tr{
            width: auto;
            height: 24px;
        }
        
        .dropped table a{
            display: inline-block; 
            width: 140px;
            height: 24px;
            padding: 0;
        }
        .dropped a:hover{
            color: #ab180d;
        }
        .dropped_service{
            left: -83px;
        }
        .dropped_service table a{
            width: 70px;
        }
        .dropped_nav{
            padding: 12px;
            width: 1190px;
            left: -1019px;
            z-index: 300;
        }
        .dropped_nav table{
            display: inline-block;
            border-right: 1px solid #cccccc;
        }
        .dropped_nav table:nth-child(1){
            border-bottom: none;
        }
        .dropped_nav table:last-child{
            border: none;
        }
        .dropped_nav table a{
            width: 77px;
        }
        .shopcar{
            width: 190px;
            height: 36px;
            display: flex;
            border: 1px solid #cccccc;
            justify-content: center;
            align-items: center;
            color: #f10214;
            font-size: 0.8rem;
            background-color: white;
        }
        .shopcar img{
            width: 18px;
            height: 16px;
            margin-right: 3px;
        }
        .shopcar sub{
            display: inline-block;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background-color: #f10214;
            color: white;
            line-height: 14px;
            text-align: center;
        }
        .microcode div{
            width: 60px;
            height: 60px;
            background-image: url('https://img13.360buyimg.com/da/jfs/t8134/96/275929731/3270/12ae247a/59a51cafN0fec6121.png');
            
        }
        .microcode{
            position: absolute;
            top: 0;
            right: 10px;
            border: 1px solid #cccccc;
            padding: 3px;
        }
        .big-nav{
            margin-left: 220px;
            height: 40px;
            position: relative;
            top: -40px;
        }
        .big-nav ul{
            width: 790px;
            height: 40px;
            display: flex;
            color: #cccccc;
            font-size: 0.8rem;
            align-items: center;
        }
        .big-nav span{
            margin: 0 10px;
        }
        .big-nav li a{
            margin-right: 12px;
            color: gray;
            font-size: 1rem;
            font-weight: bold;
        }
         .big-nav li a:hover{
            color: #ab180d;
        } 
        .big-nav sup{
            display: inline-block;
            width: 35px;
            height: 18px;
            background-image: url('/img/对话.png');
            background-size: 90% 100%;
            background-position:center;
            background-repeat: no-repeat;
            font-size: 0.5rem; 
            color: white;
            text-align: center;
            position: relative;
            top: -5px;
            left: -8px; 
        }
        .fp{
            display: inline-block;
            width: 190px;
            height: 40px;
            position: absolute;
            right: 0;
            top: -8px;
            background-image: url("https://img30.360buyimg.com/da/jfs/t8278/57/1855940479/10646/6a6cc4c0/59c076eaN834cbf82.png");
            border: none;
        }
        .main{
            width: 100%;
            height: 480px;
            position: relative;
        }
        .main>div{
            display: flex;
        }
        .main_sort{            
            flex: 0 0 190px;  
            position: relative;   
        }
        .main_sort_left{
            padding-top: 15px;
            height: 480px;
            background-color: #6e6568;
            color: white;
            font-size: 0.9rem;
        }
        .main_sort li{
            padding-left: 12px;
        }
        .main_sort_hovered{
            background-color: #999395;
        }
        .main_sort a{
            color: white;
            margin: 0;
            padding: 0;
            line-height: 28px; 
        }
        .main_sort a:hover{
            color: #f10214;
        } 
        .main_allSort{
            color: black;
            width: 998px;
            min-height: 480px;
            border: none;
            background-color: #f7f7f7;
            box-shadow: 0 0 5px #999; 
            position: absolute;
            left: 190px;
            top: 0;
            z-index: 200;
            display: none;
            padding:20px 0; 
        }
        .allsort_left{
            width: 800px;
            display: inline-block;
        }
        .main_allSort p{
            padding-left: 30px;
        }
        .main_allSort p a{
            font-size: 0.7rem;
            display: inline-block;
            /* width: 73px; */
            height: 24px;
            background-color: grey;
            padding:0 10px;
            margin-left: 10px;
            text-align: center;
            line-height: 24px;
        }
        .sort_detail{
            display: flex;
            flex-wrap: wrap;
            padding-top: 10px;
            padding-left: 20px;
        }
        .sort_detail a{
            color: grey;
            font-size: 0.8rem;
        }
        .sort_detail a:hover{
            background-color: transparent;
            color: #ab180d;
        }
        .sort_tit{
            flex: 0 0 78px;
        }
        .sort_tit a{
            display: inline-block;
            width: 78px;
            height: 36px;
            text-align: right;
        }
        .sort_detail ul{
            flex: 0 0 700px;
            display: flex;
            flex-wrap: wrap;
        }
        .allsort_right{
            position: absolute;
            top: 20px;
            right: 0;
            width: 190px;
            height: 424px;
            display: inline-block;
            font-size: 0;
        }
        .allsort_right>div{
            width: 168px;
        }
        .sort_right_brand a{
            display: inline-block;
            margin: 0;
            padding: 0;
            height: 35px;
            border: 0.5px solid white;
        }
        .sort_right_brand img{
            display: inline-block;
            width: 82px;
            height: 35px;
        }
        .sort_right_promo{
            margin-top: 30px;
        }
        .sort_right_promo a{
            display: inline-block;
            margin: 0;
            padding: 0;
            height: 134px;
            border: 0.5px solid white;
        }
        .sort_right_promo img{
            display: inline-block;
            width: 168px;
            height: 134px;
        }
        .banner{
            width: 790px;
            margin-left: 10px;
            position: relative;
        }
        .banner .carousel{
            width: 790px;
            height: 340px;
            position: relative;
        }
        .banner .carousel_img li img{
            position: absolute;
            top: 0;
            left: 0;
        }
        .banner .indicators{
            position: absolute;
            bottom: 10px; 
            left: 306px;
            list-style: none;
            background-color: rgba(255, 255, 255, 0.2);
            width: 182px;
            height: 20px;
            border-radius: 20px;
            z-index: 20;
            display: flex;
            align-items: center;
            padding-left: 8px;
        }
        .banner .indicators li{
            background-color: white;
            opacity: 1;
            flex:0 0 12px;
            height: 12px;
            border-radius: 50%;
            margin-right: 10px;
        }
        .active_indicator{
            background-color: #f10214 !important;
        }
        .btn{
            width: 30px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            color: white;
            background-color: rgba(153, 153, 153, 0.3);
            display: none; 
            position: absolute;
            top:140px;
            z-index: 100;
            font-size: 20px;
        }
        .left_indicator{
            left: 0;
        }
        .right_indicator{
            right: 0;
        }
        .show img{
            z-index: 10;
        }
        .small_banner{
            width: 100%;
            margin-top: 10px;
        }
        .small_banner a{
            padding: 0;
            margin: 0;
            display: inline-block;
            width: 390px;
            margin-right: 10px;
        }

        .small_banner a:nth-child(2){
            margin: 0;
        }
        .left_sort{
            width: 190px;
            height: 480px;
            background-color: white;
            margin-left: 10px;
        }
        .user{
            width: 100%;          
            height: 116px;
            border-bottom: 1px solid #cccccc;
        }
        .do_user{
            width: 100%;
            display: flex;
            align-items: center;
        }
        .user_icon{
             position: relative; 
            flex: 0 0 40%;
            height: 75px;
        }
        .do_user img{
            width: 45px;
            height: 45px;
            border-radius: 50%;
            position: absolute;
            top: 15px;
            left: 15px;
        }
        .user_icon a{
            margin: 0;
            padding: 0;
            width: 50px;
            height: 50px;
            background-image: url('https://misc.360buyimg.com/mtd/pc/index/2.0.0/home/images/sprite_userinfo@1x.png');
            background-position: -70px 0;
            background-size: 156px 123px;
            background-repeat: no-repeat;
            position: absolute;
            top: 15px;
            left: 15px;
        }
        .user_info{
            flex: 0 0 60%;
        }
        .user_info p,.user_info a{
            line-height: 20px;
            font-size: 0.8rem;
            color: #999999;    
            padding: 0;
        }
        .user_info a:hover{
            color: #ab180d;
        }
        .wellfare{
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .wellfare div{
            width: 74px;
            height: 24px;
            border: 3px solid red;
            color: red;
            margin-right: 8px;
            font-size: 0.8rem;
            line-height: 18px;
            text-align: center;
        }
        .wellfare div:hover{
            background-color: red;
            color: white;
        }
        .news{
            height: 154px;
            padding: 0 15px;
            font-size: 0.8rem;
            /* border-bottom: 1px solid #cccccc; */
            position: relative;
        }
        .news_slide{
            width: 28px;
            height: 2px;
            background-color: red;
            position: absolute;
            top: 25.5px;
            left: 16px;
            z-index: 200;
        }
        .news a{
            color: #333333;
            padding: 0;
            line-height: 25px;
            margin: 0;
        }
        .news a:hover{
            color: #ab180d;
        }
        .news_nav{
            height: 27px;
            padding: 3px 0;
            border-bottom: 1px solid #cccccc;
        }
        .news_nav span{
            line-height: 21px;
            color: #333333;
        }
        .news_nav span:nth-child(1){
            border-right: 1px solid #cccccc;
            padding-right:5px; 
        }
        .news_nav a{
            float: right;
            line-height: 21px;
        }
        .news_content{
            margin: 10px 0;
        }
        .server_board{
            position: relative;
            overflow: hidden;
            height: 205px;
            border-top: 1px solid #ccc;
        }
        .server_board ul{
            position: relative;
            display: flex;
            flex-wrap: wrap;
        }
        .server_board ul li{
            flex: 0 0 25%;
            height: 69px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }
        .server_board a{
            margin: 0;
            padding: 0;
            line-height: 10px;
        }
        .server_board ul li a:nth-child(1){          
            width: 24px;
            height: 24px;
            background-image: url('https://misc.360buyimg.com/mtd/pc/index/home/images/sprite_fs@1x.png');
            background-repeat: no-repeat;
            background-size: 156px 148px;
        }
        .server_board li a:nth-child(2){
            width: 40px;
            text-align: center;  
            font-size: 0.8rem;
        }
        .server_board li a:nth-child(2):hover{
            color: #ab180d;
        }
        .second_board{
            position: relative;
        }
        .second_board .board_head{
            width: 100%;
            height: 24px;
        }
        .board_head a{
            margin: 0;
            padding: 0;
            font-size: 0.8rem;
            text-align: center;
            line-height: 24px;
            display: inline-block;
            width: 25%;
            height: 24px;
            /* border-top: 1px solid #ccc; */
            border-right: 1px solid #ccc;
        }
        .board_head a:last-child{
            border-right: none;
        }
        .active_head{
            border-top: 2px solid red;
        }
        .active_fare{
            background-color: red;
            color: white;
        }
        .content_head{
            width: 190px;
            height: 36px;
            padding: 15px 0 0 8px;
            position: relative;
        }
        .content_head span{
            position: absolute;
            top: 0;
            right: 8px;
            font-size: 1rem;
        }
        .content_head a{
            margin: 0;
            padding: 0;
            margin-right: 7px;
            height: 14px;
            font-size: 0.8rem;
            position: relative;
            top: 3px;
        }
        .content_head a:hover{
            background-color: red;
        }
        .content_content{
            width: 190px;
            height: 146px;
            padding-left:10px;
            padding-top: 20px; 
        }
        .content_content form{
            margin-left: 0;
            display: flex;
            flex-wrap: wrap;
        }
        .content_content div{
            display: block;
            width: 182px;
            height: 33px;
            margin-bottom: 5px;
        }
        .content_content label{
            display: inline-block;
            height: 22px;
            margin-right: 5px;
            font-size: 0.8rem;
        }
        .content_content input{
            border: 1px solid #ccc;
            width: 90px;
            height: 22px;
        }
        .content_content select{
            width: 61px;
            height: 22px;
        }
        .content_content button{
            width: 85px;
            height: 25px;
            background-color: red;
            background-image: none;
            color: white;
        }
        .jd_ms{
            margin-top: 10px;
            width: 100%;
            height: 305px;
        }
        .jd_ms>div{
            background-color: white;
        }
        .hd_tag{
            width: 100%;
            overflow: hidden;
            height: 55px;
            position: relative;
            background-image: url('https://misc.360buyimg.com/mtd/pc/index/2.0.0/home/images/seckill_hd.png');   
            padding: 0 20px 0 30px;   
        }
        .hd_tag span{
            display: inline-block;           
        }
        .ms_icon{
            width: 34px;
            height: 40px;
            background-image: url('https://misc.360buyimg.com/mtd/pc/index/2.0.0/home/images/sprite_index@1x.png');
            background-size: 218px 188px;
            background-position: 0 -40px;
            background-repeat: no-repeat;
            /* margin-top: 6px;
            margin-right: 6px; */
            position: relative;
            top: 6px;
            right: 6px;
        }
        .corner{
            margin: 0;
            position: absolute;
            left: -4px;
            top: -4px;
            background-image: url('https://misc.360buyimg.com/mtd/pc/index/2.0.0/home/images/sprite_index@1x.png');            
            background-size: 218px 188px;
            background-position: -190px -48px;
            width: 28px;
            height: 28px;
        }
        .hd_tag h3{
            display: inline-block;
            font-size: 1.6rem;
            color: white;
            font-weight: 400;
            /* line-height: 55px; */
        }
        .hd_tag p{
            display: inline-block;
            font-size: 0.9rem;
            color: white;
        }
        .hd_tag_title{
            margin-left:10px;
        }
        .hd_tag_title span{
            background-image: url('https://misc.360buyimg.com/mtd/pc/index/2.0.0/home/images/sprite_index@1x.png');
            background-position: -154px -40px;
            background-size: 218px 188px;
            background-repeat: no-repeat;
            display: inline-block;
            width: 15px;
            height: 16px;
            margin-left: 5px;
            position: relative;
            top: 3px;
        }
        .jd_ms_js{
            display: inline-block;
            position: absolute;
            top: 0;
            right: 15px;
            height: 55px;  
            line-height: 55px;        
        }
        .jd_ms_dot{
            display: inline-block;
            height: 37px;
            width: 3px;
            font-size: 16px;
            text-align: center;
            color: white;
            font-weight: bold;
            position: absolute;
            top: -3px;
            left: 35px;
            line-height: 37px;
        }
        .jd_ms_dot2{
            left: 75px;
        }
        .jd_ms_board{
            position: relative;
            top: -5px;
            width: 120px;
            height: 37px;
            font-size: 1.2rem;
            line-height: 37px;
            font-weight: bold;
            text-align: center;
            vertical-align: middle;
            letter-spacing: 4px;
            z-index: 200
        }
        .jd_ms_fake{
            position: absolute;
            top: 8px;
            left: 62px;
            width: 120px;
            height: 37px;
            z-index: 100;
            color: white;
            font-size: 1.2rem;
        }
        .jd_ms_hour,.jd_ms_minute,.jd_ms_second{
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block; 
            width: 35px;
            height: 37px;
            background-color: #440106;
            border-radius: 5px;        
        }
        .jd_ms_minute{
            left: 40px;
        }
        .jd_ms_second{
            left: 80px;
        }
        .jd_ms_goods{
            width: 1000px;
            overflow: hidden;
            background-color: white;
            padding: 8px 0;
            position: relative;
            display: inline-block;
        }
        .ms_goods{
            width: 6000px;
            display: flex;
            position: relative;         
        }
        .jd_ms_goods .btn{
            top: 80px;
        }
        .ms_goods li{
            width: 200px;
             padding: 0 15px; 
            text-align: center;
            font-size: 0.8rem;
            color: #999;
            border-left: 1px solid #ddd;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .ms_goods li:nth-child(1){
            border-left: none;
        }
        .ms_goods li a{
            width: 170px;
            height: 196px;
            padding: 0;
        }
        .ms_goods li a p{
             text-align: left; 
            height: 16px;
        }
        .ms_goods li a p:hover{
            color: #ab180d;
        }
        .ms_goods li a img{
            width: 130px;
            height: 130px;
            margin-bottom: 14px;
            position: relative;
        }
        .price{
            font-weight: bold;
            font-size: 1.2rem;
            text-align: left;
            width: 100%;
        }
        .price span{
            font-size: 0.8rem;
        }
        .ms_goods_carousel{
            display: inline-block;
            width: 170px;
            height: 212px;
            position: absolute;
            top: 65px;
        }
        .ms_goods_carousel img{
            width: 170px;
            position: absolute;
            top: 0;
            left: 0;
        }
        .ms_indicators{
            position: absolute;
            bottom: 10px;
            left: 70px;
        }
        .ms_indicators li{
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #333333; 
        }
        .ms_indicators li:nth-child(1){
            margin-right: 10px;
        }
        .ms_indicators .ms_active_indicator{
            background-color: red;
        }

        .fx_hm_ph{
            width: 100%;
            height: 444px;
            margin: 15px 0;
        }
        .fx_hm_ph>div{
            display: flex;
        }
        .fx_hm_ph>div>div{
            flex: 0 0 390px;
            height: 444px;
        }
        .jd_fx,.jd_hm{
            margin-right: 10px;
            position: relative;
        }
        .triangle{
            width: 0;
            height: 0;
            border-color: transparent #f0f0f0; 
            border-width: 0 0 20px 20px;
            border-style: solid;
            position: absolute;
            top: 0;
            left: 0;
        }
        .jd_hm .corner{
            background-image:url('https://misc.360buyimg.com/mtd/pc/index/2.0.0/home/images/sup_hd_dec@1x.png');
            background-position: 0 0;
            background-size: 100% 100%;
        }
        .fx_hm_ph .hd_tag h3{
            line-height: 55px;
        }
        .fx_hm_ph .hd_tag .hd_tag_title{
            position: absolute;
            right: 20px;
            bottom: 10px;
        }
        .fx_goods{
            width: 100%;
            height: 388px;
            padding:20px 10px;
            background-color: white;
        }
        .fx_goods a{
            margin: 0;
            padding: 0;
            display: inline-block;
            width: 185px;
            height: 120px; 
            position: relative;  
            border-left: 1px solid #ddd;
                     
        }
        .fx_goods a:nth-child(n+3){
            border-top: 1px solid #ddd;
        }
        .fx_goods a p{
            position: absolute;
            top: 10px;
            left: 20px;
            font-size: 0.8rem;
            color: #4998a1;
            width: 80px;
            height: 40px;
        }
        .fx_goods a img{
            position: absolute;
            bottom: 10px;
            right: 10px;
        }
         .hm_goods{
            width: 390px;
            height: 388px;
            position: absolute;
            top: 55px;
            left: 0;
        } 
        .hm_carousel{
            background-color: white;
            width: 100%;
            height: 388px;            
            position: absolute;
            top: 0;
            left: 0;
            padding-top: 10px;
        }
        .hm_carousel p{
            font-size: 0.8rem;
            margin-bottom: 20px;
        }
        .hm_carousel a{
            display: block;
            width: 360px;
            height: 159px;
            margin: 0 auto 10px;
            padding-top: 20px;
        }
        .hm_indicators{
            z-index: 200;
            position: absolute;
            bottom: 15px;
            left: 170px;
        }
        .hm_indicators li{
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #333333;
            margin-right: 10px;
        }
        .hm_carousel li:last-child{
            margin-right: 0;
        }
        .hm_goods .btn{
            z-index: 200;
            top: 165px;
        }
        .ph_goods{
            width: 100%;
            height: 388px;
            background-color: white;
            position: relative;
        }
        .ph_goods_tag{
            width: 100%;
            height: 31px;
            padding: 6px 0;
        }
        .ph_goods_tag a{
            display: inline-block;
            width: 78px;
            margin: 0;
            padding: 0;
            color: #333333;
            font-size: 0.8rem;
            line-height: 18px;
            border-left: 1px solid #cccccc;
            text-align: center;
        }
        .ph_goods_tag a:nth-child(1){
            border-left: none;
        }
        .ph_goods_detail{
            height: 331px;
            margin:0 12px;
            border-top: 1px solid #cccccc;
            position: relative;
        }
        .ph_detail{
            width: 100%;
            height: 100%;
            padding: 10px 0;
            position: absolute;
            top: 0;
            left: 0;
            background-color: white;
            display: none;
        }
        .ph_detail a{
            display: inline-block;
            width: 122px;
            height: 160px;
            margin: 0;
            padding: 10px 0;
            overflow: hidden;
            position: relative;
        }
        .ph_detail img{
            margin: 0 10px 12px;
        }
        .ph_detail p{
            padding: 0 10px;
            font-size: 0.7rem;
            line-height: 20px;
        }
        .ph_top_tag{
            width: 30px;
            height: 40px;
            background-image: url('https://misc.360buyimg.com/mtd/pc/index/2.0.0/home/images/sprite_index@2x.png');
            background-size: 170px 158px;
            background-repeat: no-repeat;
            position: absolute;
            top: 10px;
            text-align: center;
            left: 0;
            font-size: 1.5rem;
            color: white;
            line-height: 30px;
        }
        .ph_detail>a:nth-child(1) div{
            background-position: -84px -30px;
        }
        .ph_detail>a:nth-child(2) div{
            background-position: -44px -30px;
        }
        .ph_detail>a:nth-child(3) div{
            background-position: -124px -30px;
        }
        .ph_detail>a:nth-child(n+4) div{
            background-position: -40px -80px;
        }
        .ph_slide{
            width: 58px;
            height: 2px;
            background-color: red;
            position: absolute;
            top: 30.5px;
            left: 10px;
            z-index: 200;
        }
        .lq_mm{
            width: 100%;
            height: 270px;
        }
        .lq_mm>div{
            display: flex;
        }
        .lq_mm>div>div{
            background-color: white;
            height:270px;
        }
        .jd_lq{
            flex: 0 0 790px;           
        }
        .jd_mm{
            flex: 0 0 390px;
            margin-left: 10px;
        }
        .lq_mm h3{
            line-height: 55px;
        }
        .lq_mm .hd_tag_title{
            position: absolute;
            right: 20px;
            bottom: 10px;
        }
        .lq_mm .corner{
            background-image: url('https://misc.360buyimg.com/mtd/pc/index/2.0.0/home/images/sprite_sprite_coupon@2x.png');
            background-size: 66px 50px;
        }
         .lq_goods{
            width: 790px;
            height: 215px;
            padding: 10px 0;
        } 
        .lq_goods a{
            margin: 0;
            padding: 0;
            display: inline-block;
            width: 197px;
            height: 195px;
            position: relative;
        }
        .coupon{
            background-color: white;
            font-size: 0.8rem;
            position: absolute;
            top: 10px;
            left: 15px;
            width: 100px;
            height: 180px;
            border-top: 2px solid red;
        }
        .coupon_img{
            position: absolute;
            right: 10px;
            top: 32px;
        }
        .coupon_price{
            height: 36px;
            margin-top: 10px; 
            font-size: 1.5rem;
            color: #E93524;
        }
        .coupon_price span{
            font-size: 0.8rem;
        }
        .coupon_desc{
            height: 36px;
            font-size: 0.7rem;
            margin: 0;
            color: #E93524;
        }
        .coupon_limit{
            color: grey;
            background: #e7e7e7 url("") repeat-x 0 0;
            padding: 12px;
            height: 66px;
            line-height: 22px;
        }
        .coupon_more{
            height: 26px;
            background-color: #E93524;
            color: white;
            text-align: center;
            line-height: 26px;
        }
        .mm_goods{
            height: 210px;
            position: relative;
        }
        .mm_goods>a{
            display: block;
            width: 100%;
            height: 100%;
            padding: 25px 30px 40px;
            position: absolute;
            top: 0;
            left: 0;
            background-color: white;
        }
        .mm_goods .mine{
            display: inline-block;
            width: 122px;
            margin-left: 6px;
            font-size: 0.8rem;
            height: 140px;
            position: absolute;
            top: 25px;
        }
        .mine .mine_title{
            font-size: 0.9rem;
            font-weight: bold;
            color: black;
        }
        .mine_desc{
            margin-top: 6px;
        }
        .mine_desc span{
            color: #4f629f;
            text-decoration: underline;
        }
        .mine_seen{
            position: absolute;
            bottom: 0;
        }
        .mine_seen span{
            background-image: url('https://misc.360buyimg.com/mtd/pc/index/2.0.0/home/images/sprite_sprite_coupon@1x.png');
            background-repeat: no-repeat;
            background-position: 0 -48px;
            background-size: 76px 60px;
            display: inline-block;
            width: 18px;
            height: 12px;
            margin-right: 6px;
        }
        .mm_goods .btn{
            top: 75px;
        }
        .mm_indicators{
            position: absolute;
            bottom: 10px;
            left: 150px;
        }
        .mm_indicators li{
            border-radius: 50%;
            display: inline-block;
            width: 10px;
            margin-right: 10px;
            height: 10px;
            background-color: #c7c7c7;
        }
        .mm_indicators li:last-child{
            margin: 0;
        }
        